Adwaita: style progressbars in treeview cells.
authorLapo Calamandrei <calamandrei@gmail.com>
Thu, 3 Jul 2014 08:30:14 +0000 (10:30 +0200)
committerLapo Calamandrei <calamandrei@gmail.com>
Thu, 3 Jul 2014 08:30:14 +0000 (10:30 +0200)
Fixes https://bugzilla.gnome.org/show_bug.cgi?id=732298

gtk/resources/theme/Adwaita/_common.scss
gtk/resources/theme/Adwaita/gtk-contained-dark.css
gtk/resources/theme/Adwaita/gtk-contained.css

index 97d8a8a911d2114043b12cd60e5eb26d92e746bc..dbbda8c5d451b28a655129574e0b88eafea8e45b 100644 (file)
@@ -765,6 +765,31 @@ column-header {
     }
   }
 }
+GtkTreeView.view.progressbar { //Progressbar in treeview cells
+  @if $variant == 'light' { color: $base_color; }
+  border-radius: 4px;
+  background-image: linear-gradient(to bottom,
+                                    $selected_bg_color,
+                                    darken($selected_bg_color,10%));
+  &:selected {
+    @if $variant == 'light' { color: $selected_bg_color; }
+    @else { border-color: $selected_bg_color; }
+    background-image: linear-gradient(to bottom,
+                                     $base_color,
+                                     darken($base_color,10%));
+    &:backdrop {
+      @if $variant == 'light' { color: $selected_bg_color; }
+      @else { border-color: $selected_bg_color; }
+      background-image: none;
+      background-color: $backdrop_base_color;
+    }
+  }
+  &:backdrop {
+    @if $variant == 'light' { color: $backdrop_base_color; }
+    @else { border-color: $backdrop_base_color; }
+    background-image: none;
+  }
+}
 
 /*********
  * Menus *
@@ -1637,8 +1662,13 @@ GtkLevelBar.vertical {
 %selected_items {
   background-color: $selected_bg_color;
   color: $selected_fg_color;
-  outline-color: transparentize($selected_fg_color, 0.7);
-  &:backdrop { color: $backdrop_base_color; }
+  @if $variant == 'light' {
+    outline-color: transparentize($selected_fg_color, 0.7);
+  }
+  &:backdrop {
+    @if $variant == 'light' { color: $backdrop_base_color; }
+    @else { color: $backdrop_fg_color; };
+  }
 }
 
 /**********
index 554f059d8277cfb03ab06dff3292bb4b337b6e13..7b80b05dc996db0eda58fe0100a70eaeec2d33a3 100644 (file)
@@ -985,6 +985,20 @@ column-header .button, column-header .button:hover, column-header .button:active
       border-color: #393f3f;
       background-image: none; }
 
+GtkTreeView.view.progressbar {
+  border-radius: 4px;
+  background-image: linear-gradient(to bottom, #215d9c, #184472); }
+  GtkTreeView.view.progressbar:selected {
+    border-color: #215d9c;
+    background-image: linear-gradient(to bottom, #292929, #101010); }
+    GtkTreeView.view.progressbar:selected:backdrop {
+      border-color: #215d9c;
+      background-image: none;
+      background-color: #2c2c2c; }
+  GtkTreeView.view.progressbar:backdrop {
+    border-color: #2c2c2c;
+    background-image: none; }
+
 /*********
  * Menus *
  *********/
@@ -2244,10 +2258,9 @@ GtkLevelBar.vertical {
 
 .view:selected, .view:selected:focus, .view:selected:hover, GtkLabel:selected, GtkLabel:selected:focus, GtkLabel:selected:hover, GtkLabel:backdrop:selected, .entry:selected, .entry:selected:focus, .menuitem.button.flat:selected {
   background-color: #215d9c;
-  color: white;
-  outline-color: rgba(255, 255, 255, 0.3); }
+  color: white; }
   .view:backdrop:selected, GtkLabel:backdrop:selected, .entry:backdrop:selected, .menuitem.button.flat:backdrop:selected {
-    color: #2c2c2c; }
+    color: #c9cbc9; }
 
 /**********
  * Frames *
index 9e65cccab8cf6b7c9d9697294df05bbfa8bcf397..d0769a4edec39c152649a63c022485194d819afb 100644 (file)
@@ -985,6 +985,21 @@ column-header .button, column-header .button:hover, column-header .button:active
       border-color: #ededed;
       background-image: none; }
 
+GtkTreeView.view.progressbar {
+  color: white;
+  border-radius: 4px;
+  background-image: linear-gradient(to bottom, #4a90d9, #2a76c6); }
+  GtkTreeView.view.progressbar:selected {
+    color: #4a90d9;
+    background-image: linear-gradient(to bottom, white, #e6e6e6); }
+    GtkTreeView.view.progressbar:selected:backdrop {
+      color: #4a90d9;
+      background-image: none;
+      background-color: #fcfcfc; }
+  GtkTreeView.view.progressbar:backdrop {
+    color: #fcfcfc;
+    background-image: none; }
+
 /*********
  * Menus *
  *********/